<!doctype html>
<title>Allow text fragments in HTML documents only</title>
<meta charset=utf-8>
<link rel="help" href="https://wicg.github.io/ScrollToTextFragment/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/common/utils.js"></script>
<script src="stash.js"></script>

<script>
// This test originates from non-html-documents.html and was moved into its own
// file because JSON does not emit `onload` in Gecko and this test would timeout
// See https://bugzil.la/1907901

function rAF(win) {
  return new Promise((resolve) => {
    win.requestAnimationFrame(resolve);
  });
}

function openPopup(url) {
  return new Promise((resolve) => {
    test_driver.bless('Open a URL with a text fragment directive', () => {
      const popup = window.open(url, '_blank', 'width=300,height=300');
      popup.onload = () => resolve(popup);
    });
  });
}
const filename = 'application-json.json'
const expected = 'blocked';
const mediaType = filename.split('.')[0].replace('-', '/');

promise_test(async function (t) {
  const popup = await openPopup(`resources/${filename}#:~:text=target`);

  // The WPT server should provide the correct content-type header from the
  // file extension.
  assert_equals(popup.document.contentType, mediaType);

  // rAF twice in case there is any asynchronicity in scrolling to the target.
  await rAF(popup);
  await rAF(popup);

  const did_scroll = popup.scrollY > 0;
  const expected_scroll = expected == 'allowed';
  assert_equals(did_scroll, expected_scroll, 'scrolled to fragment');

  popup.close();
}, `Text directive ${expected} in ${mediaType}`);
</script>
